body{
  background-color:#ecf0f1;
}

.center{
  margin: auto;
  position: absolute;
  top: 20%; left: 50%;
  transform: translate(-50%,-50%);
}

table{
  border-collapse:separate; 
  border-spacing:3em;
}

table td{
  height:30px;
  width:30px;
  background-color:white;
  border-radius:50%;
}

.num1{
  background-color:#2ecc71 !important;
  box-shadow: 0px 0px 15px 2px rgba(46, 204, 113,.7);
}

.num0{
  background-color:white !important;
  box-shadow: 0px 0px 15px 2px rgba(0,0,0,.2);
}

p{
  text-align:Center;
  color:#2ecc71;
  font-family:arial;
  font-size:28px;
  font-weight:bold;
  font-family: 'Montserrat', sans-serif;
}

.seconds:after{
  position:absolute;
  content:"seconds";
  color:#bdc3c7;
  font-family: 'Montserrat', sans-serif;
}

.minutes:after{
  position:absolute;
  content:"minutes";
  color:#bdc3c7;
  font-family: 'Montserrat', sans-serif;
}

.hours:after{
  position:absolute;
  content:"hour";
  color:#bdc3c7;
  font-family: 'Montserrat', sans-serif;
}